<!-- 无返回数据 -->
<template>
  <div class="no-result">
    <span>{{tips}}</span>
    <div class="go-home"
         @click="goJump">{{goOther}}</div>
  </div>
</template>

<script>
export default {
  props: {
    tips: {
      type: String,
      default: "抱歉，暂无数据！"
    },
    goOther: {
      type: String,
      default: "前往添加商品"
    }
  },
  data () {
    return {
    };
  },
  components: {},
  computed: {},
  created () { },
  mounted () { },
  methods: {
    goJump () {
      var self = this
      self.$router.push("/")
    }
  }
}

</script>
<style lang='scss' scoped>
.no-result {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.go-home {
  width: 250px;
  height: 46px;
  line-height: 46px;
  border-radius: 20px;
  border: solid 1px #fe7302;
  color: #fe7302;
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
}
</style>